<template>
    <div>
        <van-nav-bar title="预约详情" left-text="" left-arrow @click-left="onClickLeft" />
        <div style="
    height:65px;
    background-color: white;
    display: flex;
    border-top: 1px solid #ebedf0;
    ">
            <svg t="1728891607660" class="ic789780on" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="2414" width="200" height="200">
                <path
                    d="M512 56.888889C261.688889 56.888889 56.888889 261.688889 56.888889 512s204.8 455.111111 455.111111 455.111111 455.111111-204.8 455.111111-455.111111-204.8-455.111111-455.111111-455.111111m0 853.333333c-221.866667 0-398.222222-176.355556-398.222222-398.222222s176.355556-398.222222 398.222222-398.222222 398.222222 176.355556 398.222222 398.222222-176.355556 398.222222-398.222222 398.222222"
                    fill="#13C2C2" p-id="2415"></path>
                <path d="M320.910222 465.806222l201.159111 201.159111-40.220444 40.220445-201.159111-201.159111z"
                    fill="#13C2C2" p-id="2416"></path>
                <path d="M725.504 380.188444l40.220444 40.220445-281.6 281.6-40.220444-40.220445z" fill="#13C2C2"
                    p-id="2417"></path>
            </svg>
            <div style="
             line-height: 65px;
             margin-left: 10px;
             font-size: 18px;
             font-weight: 700;
             color:#13C2C2;
            ">已检查</div>
        </div>
        <p style="
        margin-left: 20px;
        color:#7F7F7F;
        font-size: 14px;
        margin-top: -5px;
        margin-bottom: 5px;
        ">您已完成检查。</p>
        <br>
        <div style="
        background-color: #f2f2f2;
        overflow: hidden;
        height: 518px;
        ">
        

            <div style="
                 background-color: white;
                 margin-top: 12px;
                 width: 322px;
                 margin-left: 10px;
                 border-radius: 10px;
                 padding:15px;
                 ">
                <p style="
                font-weight: 700;
                font-style: normal;
                color: #000000;
                font-size: 14px;    
                text-align: left;
                ">患者信息</p>

                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 15px;
                      ">
                    <span style="margin-left: 0px;">预约医院</span>
                    <span style="color:#000000;">四川省保健院北苑</span>
                </p>
                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                    <span style="margin-left: 0px;">就诊患者</span>
                    <span style="color:#000000;">王小柯</span>
                </p>
                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                    <span style="margin-left: 0px;">登记号</span>
                    <span style="color:#000000;">20200101001598Z</span>
                </p>
            </div>

            <div style="
                 background-color: white;
                 margin-top: 12px;
                 width: 322px;
                 margin-left: 10px;
                 border-radius: 10px;
                 padding:15px;
                 ">
                <p style="
                font-weight: 700;
                font-style: normal;
                color: #000000;
                font-size: 14px;    
                text-align: left;
                ">预约信息</p>

                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 15px;
                      ">
                    <span style="margin-left: 0px;">预约项目</span>
                    <span style="color:#000000;">双肾及肾血管彩色多普勒</span>
                </p>
                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                    <span style="margin-left: 0px;">检查诊室</span>
                    <span style="color:#000000;">CT诊室一</span>
                </p>
                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                    <span style="margin-left: 0px;">检查地点</span>
                    <span style="color:#000000;">门诊二楼放射科</span>
                </p>
                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                    <span style="margin-left: 0px;">预约时间</span>
                    <span style="color:#000000;font-weight: 700;">2020-01-01 08:30-09:30</span>
                </p>
                <p style="
                      font-weight: 400;
                      font-style: normal;
                      font-size: 12px;
                      color: #AAAAAA;
                      width: 310px;
                       display: flex;
                      justify-content: space-between;
                      margin-top: 10px;
                      ">
                    <span style="margin-left: 0px;">预约单号</span>
                    <span style="color:#000000;">202001010653</span>
                </p>
            </div>
            <br>
            <br>
        </div>
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()
const onClickLeft = () => {
    router.go(-1)
}

</script>

<style scoped>
.icowefberwrt34n {
    width: 20px;
    height: 20px;
}

.ic789780on {
    width: 35px;
    height: 35px;
    margin-top: 14px;
    margin-left: 17px;
}
</style>